<template>
  <div>
    <h1>ts当中类型总结</h1>
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <div id="box"></div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
/* 
ts数据类型：
string number Boolean undefined null any unknown object array 元组(Tuple)   枚举

xx[]
[xx,yy]

obj
接口 

组件类型声明
 <InstanceType<typeof ChildCom>>

DOM元素的类型声明
HTMLElement

JS内置对象 常用的String  Number  Boolean

Date

BOM  DOM
一个DOM元素获取到了 通过HTMLElement 定义类型
多个DOM                NodeList 定义类型
event                  MouseEvent
fragment               DocumentFragment
















*/

export default defineComponent({
  setup() {
    /* let str: String = new String("aaa");
    console.log(str);
    let num: Number = new Number(12);
    console.log(num);
    let bool: Boolean = new Boolean(true);
    console.log(bool); */
    // 这个是经常使用的
    let date: Date = new Date();

    return {
      /*  str,
      num,
      bool, */
      date,
    };
  },
});
</script>

<style scoped>
</style>